<template>
	<view class="menu">
		<view class="item" @click="navigato('/pages/fee/fee')">
			<image src="/static/images/fee.png"></image>
			<text>生活缴费</text>
		</view>
		<view class="item" @click="navigato('/pages/repairs/repairs')">
			<image src="/static/images/fee.png"></image>
			<text>物业保修</text>
		</view>
		
		<view class="item">
			<image src="/static/images/fee.png"></image>
			<text>问题反馈</text>
		</view>
		<view class="item">
			<image src="/static/images/fee.png"></image>
			<text>生活缴费</text>
		</view>
	</view>
</template>

<script>
	// import {navigateTo} from '../../utils/navigate.js'
	 export default{
		 //去掉微信小程序 生成多一层标签
		 options: {
		 	virtualHost: true
		 },
		 methods:{
			 navigato(url){
				 
				 // navigateTo(url);
				 uni.navigateTo({
				 	url
				 })
				 
			 }
		 }
	 }
</script>

<style lang="less">
	.menu{
		width: 100%;
		background: #fff;
		height: 198rpx;
		border-radius: 10rpx;
		display: flex;
        justify-content: space-around;
		.item{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-size:24rpx ;
			image{
				width: 80rpx;
				height: 80rpx;
				margin-bottom:5rpx;
			}
		}
		
	}
</style>